<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <th:block th:if="!${#lists.isEmpty(subjectCourseList)}" th:each="subject : ${subjectCourseList}">
        <div class="wm-title__wrap card-header" th:attr="data-subject=${subject['id']}">
            <a href="javascript:void(0)" class="wm-title-txt link" th:text="${subject['subjectName']}+'课程'"></a>
            <a th:href="@{/mobile/course/courseList(subjectIds=${subject['id']})}" class="wm-more-bt link"><em class="iconfont icon-gengduo"></em></a>
        </div>
        <div class="pl75 pr75">
            <div class="list-block media-list wm-course-list__wrap">
                <ul class="list-container wm-course-list wm-course-tidy-list">
                    <input hidden th:id="'no-'+${subject['id']}+'-course'" th:value="${#lists.size(subject['courseList'])}"/>
                    <li class="mb5" th:if="!${#lists.isEmpty(subject['courseList'])}" th:each="course : ${subject['courseList']}">
                        <a th:href="@{/mobile/course/info(courseId=${course['id']})}" class="item-content">
                            <div class="item-media">
                                <section class="wm-item-picture__wrap pr">
                                    <aside class="wm-picture-tag__wrap">
                                        <span class="wm-picture-tag" th:if="${course['courseTypeKey']}=='PACKAGE'">套餐</span>
                                        <span class="wm-picture-tag" th:if="${course['courseTypeKey']}=='LIVE'">直播</span>
                                        <span class="wm-picture-tag" th:if="${course['courseTypeKey']}=='VIDEO'">录播</span>
                                        <span class="wm-picture-tag" th:if="${course['courseTypeKey']}=='COLUMNS'">专栏</span>
                                    </aside>
                                    <img class="wm-img" th:attr="data-src=${course['imageMap']['mobileUrlMap']['small']}" th:src="@{{path}/front/mobile/v3/img/default/default-pic.jpg(path=${staticPath})}" alt="">
                                </section>
                            </div>
                            <div class="item-inner">
                                <section class="wm-desc-txt__wrap">
                                    <span class="wm-cm-title" th:text="${course['courseName']}"></span>
                                </section>
                            </div>
                        </a>
                        <section class="mt5 pl5 pr5 pt5 wm-course-attr__wrap">
                            <div class="row no-gutter">
                                <!--<aside class="col-50">
                                    <img class="list-teacher-img vam" th:attr="data-src=${course['teacherList'][0]['imageMap']['pcUrlMap']['large']}" th:src="@{{path}/front/mobile/v3/img/default/default-face.jpg(path=${staticPath})}" alt="">
                                    <span class="wm-txt-small" th:text="${course['teacherList'][0]['teacherName']}">连俊霞</span>
                                    <span class="wm-txt-small">·</span>
                                </aside>-->
                                <aside class="col-40" style="display: block">
                                    <span class="wm-txt-small" th:text="${course['courseProfile']['buyCount']}+' 学员'"></span>
                                </aside>
                                <aside class="col-60 text-right">
                                    <span th:if="${course['memberPrice']} > 0 or ${course['realPrice']} > 0" class="wm-price">
                                        <small>￥</small>
                                        <samp th:text="${course['realPrice']}"></samp>
                                    </span>
                                    <span th:if="${course['realPrice']} <= 0 and ${course['memberPrice']} <= 0" class="wm-price-free">
                                        <small>免费</small>
                                    </span>
                                </aside>
                            </div>
                        </section>
                    </li>
                </ul>
            </div>
        </div>
    </th:block>
</html>